<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>jQuery密码强度插件 4种漂亮的强度提示外观DEMO演示</title>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

<div style="text-align:center;clear:both">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>

  <div class="form-container">
  <form class="form-1" action="">
    <lable>Enter password
      <input class="input-1" type="password" placeholder="&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;">
      </lable>
    <div class="progress-bar_wrap">
      <div class="progress-bar_item progress-bar_item-1"></div>
      <div class="progress-bar_item progress-bar_item-2"></div>
      <div class="progress-bar_item progress-bar_item-3"></div>
    </div>
    <span class="progress-bar_text">Password is blank</span>
  </form>
</div>

<div class="form-container">
  <form class="form-2" action="">
    <lable>Enter password
      <input class="input-2" type="password" placeholder="&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;">
      </lable>
    <div class="progress-bar_wrap">
      <div class="progress-bar_item progress-bar_item-1"></div>
      <div class="progress-bar_item progress-bar_item-2"></div>
      <div class="progress-bar_item progress-bar_item-3"></div>
    </div>
    <span class="progress-bar_text">Password is blank</span>
  </form>
</div>

<div class="form-container">
  <form class="form-3" action="">
    <lable>Enter password
      <input class="input-3" type="password" placeholder="&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;">
      </lable>
    <span class="progress-bar_text">Password is blank</span>
  </form>
</div>

<div class="form-container">
  <form class="form-4" action="">
    <lable>Enter password
      <input class="input-4" type="password" placeholder="&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;">
      </lable>
    <span class="progress-bar_text">Password is blank</span>
  </form>
</div>

  <script src='js/jquery.min.js'></script>

    <script src="js/index.js"></script>

</body>
</html>
